草庐IT

AngularJS 控制器

全部标签

javascript - AngularJS 指令 templateUrl 在加载文件 URL 时返回 400

我在MVC5布局页面中有一个基本指令,其中包含一个用于搜索的指令。我的问题是无法加载templateUrl(400错误)。如果我直接在浏览器中输入URL,我可以毫无困难或错误地加载html页面。我找不到加载页面的AJAX调用失败的原因。Chrome调试器这是在Chrome中加载的HTML页面app.js(function(){varapp=angular.module("mainApp");app.directive("basicSearch",function(){return{templateUrl:'app/directives/basic-search.html',contro

javascript - 如何在插入 DOM 时重新编译指令(angularjs)

好的,所以我创建了一个指令让我们说它按照我的预期进行渲染,所以一切正常。现在,我的问题是插入DOM时如何(重新)渲染它?我不想一直在我的页面上使用它,我只想动态添加它并在需要时呈现它(它是模块的一部分),比方说,理想情况下我希望它看起来像$("body").append("")如何使用angularjs实现这一点? 最佳答案 你需要在任何你想将指令元素注入(inject)DOM的地方写下两行,不要忘记在你使用的任何地方添加$document&$compile依赖vartemplate='',body=$document.find('

javascript - Chrome 控制台中 '[Object]' 和 '[object Object]' 之间的区别?

我有一些类似下面的代码。MyRequests.cors_request("POST",APP_CONFIG.APP_URL+"/users/selectAllUsers",null,functionok(users){$scope.usersNotFiltered=users;console.log('users--->',users);console.log('$scope.userPerSystem--->',$scope.userPerSystem);//deletetheitemsthatisalreadyexistsintheuserPerSystemfunctionfilt

javascript - AngularJS 范围直到在 ui 中执行某些操作后才会更新,比如单击具有函数的对象

当视口(viewport)小于或等于641px时,我试图将类添加到我的侧边栏,并且我必须在这种情况下观察窗口的宽度$scope.$watch(function(){return$window.innerWidth;},function(value){if(value它在第一次加载时登录,但是当我调整大小时,我必须在它再次触发之前进行一些点击。例如。我调整大小,然后单击具有ng-click行为的项目,这是唯一一次,它再次记录。我已经阅读了一些问题,这可能是由于$digest和$apply?谁能解开我的困惑。 最佳答案 需要触发摘要循环

javascript - AngularJS 指令属性 : Replace deprecated - Equivalent?

所以AngularJs正在弃用Replace指令的属性。reference上下文:.directive('myDir',function($compile){return{restrict:'E',template:'{{title}}'}});这将输出:sometitle所以,Replace将取代与template.现在有什么等价物?还是只是将指令与restrict:'A'一起使用?.我创建了这个:.directive('myDir',function($compile){return{restrict:'E',template:'{{title}}',link:link};func

javascript - 将内容添加到列表时保持滚动位置 (AngularJS)

我一直在尝试使用ng-repeat将一些项目添加到可滚动容器内的列表中,最近的项目应该位于列表的顶部。如果在前置内容时容器的滚动条不在最顶部,我还需要保持滚动位置。这是我的解决方案,但我仍然遇到问题。Angular在dom中渲染前置项目后总是闪烁。varmyApp=angular.module('myApp',[]);myApp.controller('MainCtrl',function($scope,$interval,$timeout){$scope.items=[];$interval(function(){varitem={id:Math.random(),text:(new

javascript - 为什么我们在 AngularJS 中对 ng-src 使用双大括号?

我对AngularJS表达式感到困惑。来自w3schools.com,我了解到AngularJS表达式可以写在双括号内:{{expression}}。AngularJS表达式也可以写在一个指令中:ng-bind="expression".但为什么我们使用ng-src={{...}}而不是ng-src="..."?ng-src是处理AngularJS表达式的特例吗? 最佳答案 是的,这是ng-src的特例,因为它正在等待template参数,这是一个string任何类型的内部插值({{}}),如docs中所述.这取决于指令本身如何指定

javascript - 如何在控制台停靠在底部而不是右侧的情况下在 Chrome 中启动测试?

每当我在Chrome上启动Karma时,都会弹出一个新的Chrome窗口。当我在此Chrome窗口中调出控制台时,控制台出现在右侧。我更喜欢连接到底部的控制台,所以我总是把它放下-这有点烦人。如何让Karma启动Chrome并将控制台停靠在底部? 最佳答案 似乎没有直接的方法可以做到这一点。虽然你couldspecifyChromium的自定义启动器选项,有nooption控制devtool位置。(虽然有--auto-open-devtools-for-tabs在您的情况下也很方便。)但是,在相关的issue中描述了一个很好的hac

javascript - Firebug 控制台窗口范围。为什么 "this"不总是相同的?

Firebug控制台作用域。为什么“这个”不总是一样的?不应该一直是“window”吗? 最佳答案 控制台中this的值将与当前正在执行的代码中this的值相同。考虑:-functionouter(){//thisiswindowvarx={n:12};varfn=function(){//thisisobject{n:12}alert(this.n);}fn.call(x);}...如果你在x={n:12}行打断点,切换到控制台你会发现this是窗口。但是,当您进入alert行时,控制台中的this是x变量持有的对象。IOW在执行

javascript - 在 chrome javascript 控制台中触发表单提交

只是我一直想知道的一件小事:是否可以在任何网页上提交表单,而不是单击表单提交按钮,我想从chrome控制台(chrome中的ctrl+shift+j)提交?我已经尝试了几种方法,但我要么得到类似这样的错误Cannotusefunctionsubmitonundefined或HTMLtaghasnotfunctionsubmit.有什么帮助吗?PS-如果你去这里尝试通过控制台提交你右边的表格clickhere 最佳答案 form=document.getElementById("frm1")form.submit()在查看独立ifra